<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>过滤器选择器</title>
    <script src="../js/jquery-3.3.1.min.js"></script>
</head>
<body>
    <div>div1</div>
    <div id="div2">div2</div>
    <div>div3</div>
    <div>div4</div>
</body>
<script>
    // 1.首元素选择器	$("A:first");
    let divs=$("div:first")
    //alert(divs.html())
    // 2.尾元素选择器	$("A:last");
    let dive=$("div:last")
    //alert(dive.html())
    // 3.非元素选择器	$("A:not(B)");
    let divn=$("div:not(#div2)")
    //alert(divn.length)
    // 4.偶数选择器	    $("A:even");
    let divev=$("div:even");
    /*divev.each(function (i,ele) {
        alert(i+":"+ele.innerHTML)
    })*/
    // 5.奇数选择器	    $("A:odd");
    let divod=$("div:odd");
    /*divod.each(function (i,ele) {
        alert(i+":"+ele.innerHTML)
    })*/
    // 6.等于索引选择器	 $("A:eq(index)");
    let divin=$("div:eq(1)");
    //document.write(divin.html())

    // 7.大于索引选择器	 $("A:gt(index)"); 索引大于index的元素
    let divgt=$("div:gt(1)")
    /*divgt.each(function (i,ele) {
        document.write(i+":"+ele.innerHTML+"<br>")
    })*/
    // 8.小于索引选择器	 $("A:lt(index)");
    let divlt=$("div:lt(1)");
    //document.write(divlt.html())
    
</script>
</html>